<template>
  <div id="header">
      <div class="icon">
          <router-link to="/manage"><i class="iconfont icon-touxiang"></i></router-link>
      </div>
      <router-link to="/search">
          <div class="search">
            <i class="iconfont icon-search"></i>请输入关键字
        </div>
      </router-link>
  </div>
</template>
<script>
    export default{
        data(){
            return {

            }
        }
    }
</script>
<style lang="scss" scoped>
    #header{
        background: #07263b;
        height: 48px;
        position: fixed;
        top: 1px;
        width: 100%;
        z-index: 999;
        .icon{
            position:absolute;
            top:2px;
            left:15px;
            border-radius:50%;
            border: 3px solid #07263b;
            .iconfont{
                color:#fff;
                font-size:40px;
            }
        }
        .search{
            height: 34px;
            width: 63%;
            margin-left: 22%;
            background: white;
            margin-top: 7px;
            cursor: pointer;
            .icon-search{
                line-height:34px;
                font-size:20px;
                margin:0 5px;
            }
        }
    }
</style>

